<template>
  <div>
    <section class="container">
      <div class="cctrading width_1200">
        <!-- 交易区 -->
        <div class="cctrading_title">
          <div class="cctrading_title_text">USDT交易</div>
          <el-dropdown>
            <span class="el-dropdown-link">
              人民币<i class="el-icon-arrow-down el-icon--right"></i>
            </span>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item>人民币</el-dropdown-item>
              <el-dropdown-item>美元</el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
        </div>
        <div class="cctrading_box">
          <div class="cctrading_box_item">
            <div class="cctrading_box_name">买入<span>USDT</span></div>
            <div class="cctrading_box_form">
              <div class="cctrading_box_label">买入价(￥)</div>
              <div class="cctrading_box_value">1.00</div>
            </div>
            <div class="cctrading_box_form">
              <div class="cctrading_box_label">买入量(USDT)</div>
              <div class="cctrading_box_inputs">
                <input class="cctrading_box_input input_plug" type="number" placeholder="请输入需要数量" v-model.trim="buy">
              </div>
            </div>
            <div class="cctrading_box_show">需要<span>1.11</span>CNY</div>
            <div class="cctrading_box_btn">立即买入</div>
          </div>
          <div class="cctrading_box_item">
            <div class="cctrading_box_name">卖出<span>USDT</span></div>
            <div class="cctrading_box_form">
              <div class="cctrading_box_label">卖出价(￥)</div>
              <div class="cctrading_box_value sell_font">2.00</div>
            </div>
            <div class="cctrading_box_form">
              <div class="cctrading_box_label">卖出量(USDT)</div>
              <div class="cctrading_box_inputs">
                <input class="cctrading_box_input input_plug sell_font" type="number" placeholder="请输入需要数量" v-model.trim="sell">
              </div>
            </div>
            <div class="cctrading_box_show">可得<span class="sell_font">1.11</span>CNY</div>
            <div class="cctrading_box_btn sell_back">立即卖出</div>
          </div>
        </div>
        <!-- 记录 -->
        <div class="record">
          <div class="record_title">
            <div class="record_title_name">
              <div class="record_title_icon fa fa-list-ol"></div>
              <div class="record_title_text">最近兑换记录</div>
            </div>
          </div>
          <el-table :data="tableData" stripe style="width: 100%">
              <el-table-column prop="date" label="日期">
              </el-table-column>
              <el-table-column prop="name" label="姓名">
              </el-table-column>
              <el-table-column prop="address" label="地址">
              </el-table-column>
          </el-table>
        </div>
      </div>
    </section>
  </div>
</template>

<script>
export default {
  transition: 'page',
  components: {
  },
  data(){
    return {
      buy:'',
      sell:'',
      tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
      }, {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1517 弄'
      }, {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1519 弄'
      }, {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄'
      }]
    }
  },
  methods:{},
  created(){
    console.log(111)
  }
}
</script>

<style scoped>
@import url("~/assets/css/pages/index/index.css");
</style>